<template>
    <div id="device_show">
        <img class="device_pic"
             src="../assets/iconD.png"
             
             >
        <img class="logo" 
             src="../assets/logo.png">
    </div>
</template>

<script>

export default {
    methods:{
        //跳转FA
        skipFa(){
            var bundleName = "com.openlab.fademo";
            var AbilityName = "com.openlab.fademo.MainAbility";
            var devID = this.$store.state.devId;
            console.hLog(devID);
            let data={
                model:"FULL_WINDOW",
                source:"H5", 
                deviceId:devID
            }
            var jsonObj = JSON.stringify(data);
            console.hLog(jsonObj);
            window.hilink.startDevicePageEx(bundleName,AbilityName,jsonObj);
        }
    }
}
</script>

<style lang="less" scoped>
#device_show {
    width: 100%;
    height: 27rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    img {
        display: block;
        opacity: var(--device-opacity);
    }
    .device_pic {
        height: 25.2rem;
        width: 25.2rem;
    }
    .logo {
        height: 1.8rem;
        width: 7rem;
    }
}
</style>
